<!DOCTYPE html>
<!--文件类型-->

<html>

<head>
    <!-- Standard Meta -->
    <meta charset="UTF-8">

    <!--网页标题（显示在浏览器标题栏中改网页的标签页）-->
    <title>CMD - BitBitcode</title>
    <!--标题栏图标-->
    <link rel="icon" href="..\images\Logo.png" type="image/x-icon">
    <!--收藏夹图标-->
    <link rel="shortcut icon" href="..\images\Logo.png" type="image/x-icon">


    <!--调用 CSS 样式文件-->
    <link href="..\CSS_files\semantic.css" rel="stylesheet" type="text/css">
    <link href="..\CSS_files\menupage.css" rel="stylesheet" type="text/css">


    <!--调用 JavaScript 文件-->
    <!--注意：“jquery-3.1.1.js”和“semantic.js”的调用顺序不能变！！！-->
    <script src="..\JavaScript_files\jquery-3.1.1.js"> </script>
    <script src="..\JavaScript_files\semantic.js"> </script>


    <!--含有JavaScript效果组件还需要单独调用-->
    <script>
        $(document)
            .ready(function () {
                $('.ui.menu .ui.dropdown')
                    .dropdown({
                        on: 'hover'
                    });
                $('.ui.menu a.item')
                    .on('click', function () {
                        $(this)
                            .addClass('active')
                            .siblings()
                            .removeClass('active')
                            ;
                    })
                    ;
            })
            ;
    </script>


    <!--内部样式定义-->
    <style>
        body {
            padding: 0em;
        }

        .ui.menu {
            margin: 0em 0em;
        }

        .ui.menu:last-child {
            margin-bottom: 110px;
        }
    </style>
</head>

<body>
    <!--全页面背景-->
    <div class="background"> </div>


    <!--页眉与导航栏（开始）-->
    <div class="ui inverted grey fixed menu" style="padding-right: 10%; padding-left: 10%;">
        <!--单项菜单-->
        <div class="header item">BitBitcode</div>
        <a class="item" href="..\index.html"> 首 页 </a>
        <a class="item" href="(1)C_and_C++.html"> C/C++ </a>
        <a class="active item" href="(2)CMD.html"> CMD </a>
        <a class="item" href="(3)Python.html"> Python </a>
        <a class="item" href="(4)Articles.html"> 文 章 </a>

        <!--下拉菜单-->
        <div tabindex="0" class="ui dropdown item">
            更 多
            <i class="dropdown icon"></i>
            <div tabindex="-1" class="menu transition hidden">
                <a class="item" href="..\(5)Others\sentence.html"> 有趣的话 </a>
                <a class="item" href="..\(5)Otherss\lyric.html"> 歌词分享 </a>
                <a class="item" href="..\(5)Others\wallpaper.html"> 壁纸分享 </a>
                <div class="divider"></div>
                <a class="item" href="(5)Others.html">其 他</a>
                <div class="divider"></div>
                <a class="item" href="..\README.md">关于本站</a>
            </div>
        </div>

        <!--右边搜索栏和链接-->
        <div class="right menu">
            <div class="item">
                <div class="ui transparent inverted icon input">
                    <input type="text" placeholder="搜索功能还未上线">
                    <button class="ui grey icon button"><i class="search icon"></i></button>
                </div>
            </div>
            <a class="item" href="http://github.com/BitBitcode"><i class="github icon"></i> 我的GitHub</a>
        </div>
    </div>
    <!--页眉与导航栏（结束）-->


    <!--正文部分（开始）-->
    <div class="MFD_Light_Navigation">
        <!--侧边二级导航栏-->
        <div id="sidebar">
            <h3 style="width: 100%; margin-left: 0; padding: 1em;"> CMD </h3>
            <div class="ui secondary vertical pointing menu" style="width: 100%; margin-left: 0; font-size: 1em">
                <a class="active item" href="#md1"> 前 言 </a>
                <a class="item" href="#md2"> 上 新 </a>
                <a class="item" href="#md3"> 推 荐 </a>
                <a class="item" href="#md4"> 其 他 </a>
                <a class="item"> 待 续 </a>
            </div>
        </div>

        <div class="MFD_Light_Content">
            <div class="part" id="md1">
                <h1 class="ui dividing header"> 前 言 </h1>
                <h2> CMD（Command Prompt，命令提示符） </h2>
                <p>
                    命令提示符是在操作系统中，提示进行命令输入的一种工作提示符。
                    在不同的操作系统环境下，命令提示符各不相同，这里只介绍Windows系统的。
                    在windows环境下，命令行程序为cmd.exe，是一个32位的程序，用来解释执行命令，
                    语法风格非常像早期的DOS系统命令，可以看作一种简化的脚本语言。<br>
                    命令提示符可以输入输出信息，有if语句for语句，很多逻辑和编程语言是很像的，可以对文件和文件夹进行操作，如创建、删除、重命名，
                    还有很多网络命令，系统管理命令等，如查看和修改系统时间、磁盘模式，查询操作系统版本。
                </p>
                <div class="ui warning message"><i class="exclamation circle icon"></i>
                    需要注意的是，CMD只是语法风格像DOS，但CMD不是操作系统！
                </div>

                <h2> Batch（批处理文件） </h2>
                <p>
                    在CMD.exe中运行的命令只能输入一条，按下回车执行一条，如果命令比较多就很麻烦，
                    这就需要用到“批处理文件”，批处理文件会执行多条命令行。
                    用记事本软件写出一系列的命令行，保存后改为“.cmd”或“.bat”后缀的文件，双击运行即可。
                    （当然也可以用编程软件写，实际上编程软件的代码编辑部分就是一个记事本软件，
                    只不过编程软件还可以用不同颜色显示代码、提示错误，以及编译代码、测试执行代码）
                    由于命令提示符有很多文件操作相关的命令，所以我们可以利用批处理文件写出一些帮助我们完成繁琐操作的代码，比如重命名多个文件。
                </p>
                <div class="ui info message"><i class="exclamation circle icon"></i>
                    批处理文件中的每一行命令相当于我们在CMD.exe中输入的一行命令，只不过它会自己执行完文件内的所有代码，故称批处理文件
                </div>

                <h2> 安 装 </h2>
                <p>
                    无需安装，CMD是内置于Windows中的，有两种打开方式：<br>
                    （1）按下“Windows 徽标键”+“R”，左下角弹出“运行”程序，输入“cmd”回车即可；<br>
                    （2）直接在开始菜单中查找：Windows系统文件夹内。<br>
                </p>
                <div class="ui info message"><i class="info circle icon"></i>
                    在CMD.exe程序的标题栏上右键，打开属性，可以个性化配色，而不是每次都看到一个黑黑的窗口
                </div>
            </div>

            <div class="part" id="md2">
                <h1 class="ui dividing header"> 上 新 </h1>
                <!--卡片式-->
                <div class="ui raised pink segment">
                    <h2><i class="big yellow exclamation triangle icon"> </i>施工中</h2>
                </div>
            </div>

            <div class="part" id="md3">
                <h1 class="ui dividing header"> 推 荐 </h1>
                <!--卡片式-->
                <div class="ui raised pink segment">
                    <h2><i class="big yellow exclamation triangle icon"> </i>施工中</h2>
                </div>
            </div>

            <div class="part" id="md4">
                <h1 class="ui dividing header"> 其 他 </h1>
                <!--卡片式-->
                <div class="ui raised pink segment">
                    <h2><i class="big yellow exclamation triangle icon"> </i>施工中</h2>
                </div>
            </div>
        </div>
    </div>
    <!--正文部分（结束）-->


    <!--页脚部分（开始）-->
    <!--还可以借鉴GitHub的页脚：两边写字，中间有图标-->
    <div class="ui inverted grey vertical four item footer segment">
        <div class="ui container">
            <div class="ui stackable inverted divided equal height stackable grid">
                <div class="three wide column">
                    <h4 class="ui inverted header">关 于</h4>
                    <div class="ui inverted link list">
                        <a class="item" href="https://github.com/">服务器支持：GitHub Pages</a>
                        <a class="item" href="https://semantic-ui.com/">样式支持：Semantic UI</a>
                        <a class="item" href="https://code.visualstudio.com/">开发软件：Visual Studio Code</a>
                        <a class="item" href="https://github.com/BitBitcode/BitBitcode.github.io">项目开源：GitHub</a>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header">联系作者</h4>
                    <div class="ui inverted link list">
                        <a class="item">E-mail: smilewwc@qq.com</a>
                        <a class="item">Telephone：000000（示例）</a>
                        <a class="item">邮编：111111（示例）</a>
                        <a class="item">地址：中国-China</a>
                    </div>
                </div>
                <div class="seven wide column">
                    <h4 class="ui inverted header">版权信息</h4>
                    Semantic UI样式版权归原网站所有，请勿商用！<br>
                    Copyright ©2019~2020 BitBitcode.
                </div>
            </div>
        </div>
    </div>
    <!--页脚部分（结束）-->
</body>

</html>